<template>
  <div class="box">
    <first class="one"></first>
    <second class="two"></second>
  </div>
</template>

<script>
import First from "./components/First.vue";
import Second from "./components/Second.vue";
export default {
  components: { First, Second },
};
</script>

<style lang="scss">
.box {
  display: flex;
  width: 100%;
  height: 900px;
  .one {
    flex-grow: 1;
    height: 100%;
    background-color: tomato;
  }
  .two {
    flex-grow: 1;
    height: 100%;
    background-color: aqua;
  }
}
</style>